<template>
  <div>
    <basic-container>
      <avue-search :option="searchOption" v-model="searchObj"></avue-search>
    </basic-container>
    <basic-container>
      <avue-crud :option="option" :data="data">
        <template slot="menu" slot-scope="{}">
          <router-link :to="{path:'/data/company'}">
            <el-button type="text" size="small">查看详情</el-button>
          </router-link>
        </template>
      </avue-crud>
    </basic-container>
  </div>
</template>

<script>
export default {
  data() {
    return {
      searchOption: {
        column: [
          {
            label: '行政地区',
            prop: 'dq',
            dicData: [
              {
                label: '奎文区',
                value: 0
              },
              {
                label: '高新区',
                value: 1
              },
              {
                label: '寒亭区',
                value: 2
              },
              {
                label: '坊子区',
                value: 3
              },
              {
                label: '临朐县',
                value: 4
              },
              {
                label: '昌乐县',
                value: 5
              },
              {
                label: '青州市',
                value: 6
              },
              {
                label: '诸城市',
                value: 7
              },
              {
                label: '寿光市',
                value: 8
              },
              {
                label: '安丘市',
                value: 9
              },
              {
                label: '高密市',
                value: 10
              }
            ]
          },
          {
            label: '规模',
            prop: 'gm',
            multiple: false,
            dicData: [
              {
                label: '50家以下',
                valie: 0
              },
              {
                label: '50-99家',
                valie: 1
              },
              {
                label: '99-200家',
                valie: 2
              },
              {
                label: '200-1000家',
                valie: 3
              },
              {
                label: '1000家以上',
                valie: 4
              }
            ]
          }
        ]
      },
      searchObj: {
        dq: [0],
        gm: 0
      },
      data: [
        {
          qygx: 122,
          zhyw: 123,
          name: '潍坊总部基地',
          address: '山东省潍坊市寒亭区北海路3777号',
          dk: '无',
          count: 22,
          phjrzs: 20,
          pcount: 100
        }
      ],
      option: {
        addBtn: false,
        editBtn: false,
        delBtn: false,
        height: 'auto',
        index: true,
        showSummary: true,
        sumColumnList: [
          {
            name: 'gcount',
            type: 'sum'
          },
          {
            name: 'count',
            type: 'sum'
          }
        ],
        align: 'center',
        menuWidth: 120,
        column: [
          {
            width: 250,
            fixed: true,
            label: '园区名称',
            prop: 'name'
          },
          {
            width: 200,
            label: '园区地址',
            prop: 'address',
            overHidden: true
          },
          {
            width: 120,
            label: '普惠金融指数',
            prop: 'phjrzs'
          },
          {
            width: 120,
            label: '企业贡献指数',
            prop: 'qygx'
          },
          {
            width: 200,
            label: '综合业务饱和度指数',
            prop: 'zhyw'
          },
          {
            width: 120,
            label: '入住公司数',
            prop: 'gcount'
          }
        ]
      }
    }
  }
}
</script>

<style>
</style>
